import React from 'react';
import { Table, ConfigProvider } from 'antd';
import zhCN from 'antd/lib/locale/zh_CN';

const data = [{
    key: '1',
    Name: '超级管理员',
    sex: '男',
    phone: '123456789',
    email: '123456789@163.com',
    department: '总经办',
    birthday: '1985-01-01',
    comeIn: '2022-10-2'
},
{
    key: '2',
    Name: '管理员',
    sex: '女',
    phone: '123456789',
    email: '123456789@163.com',
    department: '总经办',
    birthday: '1985-01-01',
    comeIn: '2022-10-2'
},
{
    key: '3',
    Name: '管理员',
    sex: '女',
    phone: '123456789',
    email: '123456789@163.com',
    department: '总经办',
    birthday: '1985-01-01',
    comeIn: '2022-10-2'
},
{
    key: '4',
    Name: '管理员',
    sex: '女',
    phone: '123456789',
    email: '123456789@163.com',
    department: '总经办',
    birthday: '1985-01-01',
    comeIn: '2022-10-2'
},
{
    key: '5',
    Name: '管理员',
    sex: '女',
    phone: '123456789',
    email: '123456789@163.com',
    department: '总经办',
    birthday: '1985-01-01',
    comeIn: '2022-10-2'
},
{
    key: '6',
    Name: '管理员',
    sex: '女',
    phone: '123456789',
    email: '123456789@163.com',
    department: '总经办',
    birthday: '1985-01-01',
    comeIn: '2022-10-2'
},
{
    key: '7',
    Name: '管理员',
    sex: '女',
    phone: '123456789',
    email: '123456789@163.com',
    department: '总经办',
    birthday: '1985-01-01',
    comeIn: '2022-10-2'
},
{
    key: '8',
    Name: '管理员',
    sex: '女',
    phone: '123456789',
    email: '123456789@163.com',
    department: '总经办',
    birthday: '1985-01-01',
    comeIn: '2022-10-2'
},
{
    key: '9',
    Name: '管理员',
    sex: '女',
    phone: '123456789',
    email: '123456789@163.com',
    department: '总经办',
    birthday: '1985-01-01',
    comeIn: '2022-10-2'
},
{
    key: '10',
    Name: '管理员',
    sex: '女',
    phone: '123456789',
    email: '123456789@163.com',
    department: '总经办',
    birthday: '1985-01-01',
    comeIn: '2022-10-2'
},
{
    key: '11',
    Name: '管理员',
    sex: '女',
    phone: '123456789',
    email: '123456789@163.com',
    department: '总经办',
    birthday: '1985-01-01',
    comeIn: '2022-10-2'
},{
    key: '12',
    Name: '管理员',
    sex: '女',
    phone: '123456789',
    email: '123456789@163.com',
    department: '总经办',
    birthday: '1985-01-01',
    comeIn: '2022-10-2'
},
]

const columns = [
    {
        title: '真实姓名',
        dataIndex: 'Name',
        key: 'Name',
    },
    {
        title: '性别',
        dataIndex: 'sex',
        key: 'sex',

    },
    {
        title: '电话号码',
        dataIndex: 'phone',
        key: 'phone',
    },
    {
        title: '电子邮件',
        dataIndex: 'email',
        key: 'email',
    },
    {
        title: '部门',
        dataIndex: 'department',
        key: 'department',
    },
    {
        title: '生日',
        dataIndex: 'birthday',
        key: 'birthday',
    },
    {
        title: '入司时间',
        dataIndex: 'comeIn',
        key: 'comeIn',
    },

]





class ALcontent extends React.Component {

   
   

    render() {
        return (

            <div >
                <ConfigProvider locale={zhCN}>
                    <Table dataSource={data} columns={columns}  
                    
                    pagination={{
                        showSizeChanger: true, 
                        showQuickJumper: true, total: data.length,
                        defaultPageSize:5,
                        showTotal:(total, range) => `${range[0]}-${range[1]} of ${total} items`,
                        // showTotal: (count = data.length) => {
                        // },
                        pageSizeOptions: ['5', '10','15'],
                        defaultCurrent: 1,
                        
                    }}>

                    </Table>
                </ConfigProvider>
            </div>

        )
    }

}

export default ALcontent